
<style type="text/css">
    .input-group-addon{padding: 15px 12px}
    .panel .panel-body{padding-top: 0px;}
    table.table-bordered.dataTable{border: 1px solid #DDDDDD;}
    table.dataTable thead > tr > th{border-top: none!important;}
    #datatable_wrapper{border: none;}
</style>
<div class="row" style="margin: 0px;">
<div class="col-md-12">
    <!-- <div class="page-title">
        <h3 class="title">权限管理 &gt; 用户管理 </h3>
    </div> -->
    <div class="page-title q-tit-change" style="margin:10px 0px;"> 
        <a href="/jurisdiction/level">权限管理</a> > 账户管理
    </div>
<div class="panel panel-default">
<div class="panel-body">
<div class="row ">
    <div class="overflow">
        <div class="search_litile_tit fl" style="margin-left: 10px;"><span class="tit_diswidth"></span>账户管理</div>
        <div class="fr" >
            <button class="btn btn-primary edit-add-btn m-b-5 m-r-10"  data-toggle="modal" data-target="#AddUser"><i class="icon ion-android-add"></i> 添加账户</button>
        </div>
    </div>
    <div class="col-md-12 col-sm-12 col-xs-12">
        <table id="datatable" class="table table-striped table-bordered">
            <thead>
            <tr>
                <th>姓名</th>
                <th>账号</th>
                <th>等级</th>
                <th>状态</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
</div>
</div>
</div>
</div> <!-- End Row -->

<!-- 添加  -->
<div id="AddUser" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" style="border: 0px;">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" style="text-align: center;">新增账户信息</h4>
            </div>
            <div class="modal-body" style="padding-top: 0px;">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-3 control-label">管理员名称</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control NickName"  placeholder="请输入管理员名称" required="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-3 control-label">账号</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control Phone" placeholder="请输入账号" required="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-3 control-label">密码</label>
                        <div class="col-sm-9">
                            <input type="password" class="form-control Password" placeholder="请输入密码" required="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-3 control-label">重复密码</label>
                        <div class="col-sm-9">
                            <input type="password" class="form-control rePassword" placeholder="请输入重复密码" required="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-3 control-label">默认等级</label>
                        <div class="col-sm-9">
                            <select class="form-control level-list">
                            </select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer" style="border-top: 0px;padding-bottom: 15px;padding-top: 0px;">
                <div class="pass-msg error m-r-10"></div>
                <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-info btn-sure">保存</button>
            </div>
        </div>
    </div>
</div>



<!-- 修改 -->
<div id="EditUser" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" style="border: 0px;">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" style="text-align: center;">编辑账户信息</h4>
            </div>
            <div class="modal-body" style="padding-top: 0px;">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-3 control-label">管理员名称</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control NickName"  placeholder="请输入管理员名称" required="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-3 control-label">账号</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control Phone" placeholder="请输入账号" required="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-3 control-label">默认等级</label>
                        <div class="col-sm-9">
                            <select class="form-control level-list MytipLevel">
                            </select>
                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer" style="border-top: 0px;padding-bottom: 15px;padding-top: 0px;">
                <div class="pass-msg error m-r-10"></div>
                <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-info btn-sure">保存</button>
            </div>
        </div>
    </div>
</div>

<script src="/modules/assets/modal-effect/js/classie.js"></script>
<script src="/modules/assets/modal-effect/js/modalEffects.js"></script>


<script type="text/javascript">
    seajs.use('jurisdiction/user');
</script>